<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--设置网页的标题图标-->
    <link rel="icon" href="./formation.png" type="image/x-icon">
    <title>Resume-Information</title>
      <style>
    body {
      /*图片地址 */
      background-image: url('./background.jpg');
      /* 使背景图片覆盖整个页面 */
      background-size: cover;
      /* 防止背景图片重复 */
      background-repeat: no-repeat;
      /* 让背景图片固定，滚动页面时背景不移动 */
      background-attachment: fixed;
      /* 设置背景图片的位置，这里设为居中 */
      background-position: center;
      /* 设置页面的最小高度，确保内容能显示且背景覆盖 */
      min-height: 100vh;
      /* 取消默认的边距 */
      margin: 0;
    }
    .resume-container {
      /* 可设置内容的样式 */
      color: #000;
      padding: 20px;
      /* 使内容区域在页面中水平居中 */
      margin: 0 auto;
      width: 80%;
    }
  </style>
</head>
<body>
    <html>
        <div style="text-align: center;">
        <h1>Please Fill in The Resume Information</h1>
            <form action="https://www.baidu.com">
                <p><span>Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  &nbsp;&nbsp;  &nbsp;&nbsp;  &nbsp;&nbsp;
                <input type="text"></span></p><!--&nbsp是kongge标签-->
                <p><span>Gender&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="sex" id="man"><img src="./man.png" width="25px" height="25px"><label for="man">Man</label>
                <input type="radio" name="sex" checked="checked" id="femal"><img src="./femal.png" width="25px" height="25px"><label for="femal">Woman</label></span></p>
                <p><span>Date of Birth&nbsp;&nbsp;&nbsp;&nbsp;
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <select name="Year" id="">  
                        <option value="">---Select-Year---</option>            <!--select year-->
                        <option value="">2000</option>
                        <option value="">2001</option>
                        <option value="">2002</option>
                        <option value="">2003</option>          
                        <option value="">2004</option>
                        <option value="">2005</option>
                        <option value="">2006</option>
                        <option value="">2007</option>
                    </select>
                    &nbsp;&nbsp;
                    <select name="Month" id=""> 
                        <option value="">---Select-Month---</option>               <!--selec month-->
                        <option value="">1</option>
                        <option value="">2</option>
                        <option value="">3</option>
                        <option value="">4</option>
                        <option value="">5</option>
                        <option value="">6</option>
                        <option value="">7</option>
                        <option value="">8</option>
                        <option value="">9</option>
                        <option value="">10</option>
                        <option value="">11</option>
                        <option value="">12</option>
                    </select>
                    &nbsp;&nbsp;
                      <select name="Day" id="">    
                        <option value="">---Select-Day---</option>            <!--selec day-->
                        <option value="">1</option>
                        <option value="">2</option>
                        <option value="">3</option>
                        <option value="">4</option>
                        <option value="">5</option>
                        <option value="">6</option>
                        <option value="">7</option>
                        <option value="">8</option>
                        <option value="">9</option>
                        <option value="">10</option>
                        <option value="">11</option>
                        <option value="">12</option>
                    </select>
                </span></p>
                <p><span>
                School Attended&nbsp;&nbsp;<input type="text" >
                </span></p>
                <p><span>Applied position<input type="radio" id="front" name="work"><label for="front">Front-end Development</label>
                <input type="radio" id="back" name="work"><label for="back">Back-end Development</label>
                <input type="radio" id="test" name="work"><label for="test">Development</label></span></p>
                <tr>
                  <td>
                     <span style="text-align: center;">Skills Mastered</span>&nbsp;&nbsp;
                  </td>
                  <td>
                    <textarea rows="10px" cols="10px"></textarea>
                  </td>
                </tr>
                <tr>
                  <td>
                      <p><span><input type="radio" id="agree"><label for="agree">I have read and agree</label></span></p>
                  </td>
                </tr>
                <tr>
                  <td>
                      <p><span><a href="https://blog.csdn.net/2401_83009236?spm=1000.2115.3001.5343" target="_blank">Click CSDN</a></span></p>
                  </td>
                </tr>
            </form>
        </div>
    </html>
</body>
</html>